$(function() {
	/* 1. 首页echars图表 */
	// 步骤： 1》引入echarts.js
	// 步骤： 2》为ECharts准备一个具备大小（宽高）的Dom
	// 步骤： 3》基于准备好的dom，初始化echarts实例
	// 步骤： 4》指定图表的配置项和数据
	// 步骤： 5》使用刚指定的配置项和数据显示图表。
	// 基于准备好的dom，初始化echarts实例
	var doms = $('.ad_content .picTable')
    var myChart1 = echarts.init(doms[0])
    var myChart2 = echarts.init(doms[1])
	// 1.1 条形图
    // 1.1.1 指定图表的配置项和数据
    var option1 = {
        title: {
            text: '2017年注册人数'
        },
        tooltip: {},
        legend: {
            data:['人数']
        },
        xAxis: {
            data: ["1月","2月","3月","4月","5月","6月"]
        },
        yAxis: {},
        series: [{
            name: '销量',
            type: 'bar',
            data: [5, 20, 36, 10, 10, 20]
        }]
    }
    // 1.1.2 使用刚指定的配置项和数据显示图表。
    myChart1.setOption(option1)
    // 1.2 扇形统计图
    //1.2.1 指定图表的配置项和数据
    option2 = {
	    title : {
	        text: '某站点用户访问来源',
	        subtext: '纯属虚构',
	        x:'center'
	    },
	    tooltip : {
	        trigger: 'item',
	        formatter: "{a} <br/>{b} : {c} ({d}%)"
	    },
	    legend: {
	        orient: 'vertical',
	        left: 'left',
	        data: ['直接访问','邮件营销','联盟广告','视频广告','搜索引擎']
	    },
	    series : [
	        {
	            name: '访问来源',
	            type: 'pie',
	            radius : '55%',
	            center: ['50%', '60%'],
	            data:[
	                {value:335, name:'直接访问'},
	                {value:310, name:'邮件营销'},
	                {value:234, name:'联盟广告'},
	                {value:135, name:'视频广告'},
	                {value:1548, name:'搜索引擎'}
	            ],
	            itemStyle: {
	                emphasis: {
	                    shadowBlur: 10,
	                    shadowOffsetX: 0,
	                    shadowColor: 'rgba(0, 0, 0, 0.5)'
	                }
	            }
	        }
	    ]
	}
    // 1.2.2 使用刚指定的配置项和数据显示图表。
    myChart2.setOption(option2)
})
